/**
 * 这里是uni-app内置的常用样式变量 在scss文件中使用 无需单独引入
 * 如果你是插件开发者，建议你使用scss预处理，
 * 并在插件代码中直接使用这些变量（无需 import 这个文件），
 * 方便用户通过搭积木的方式开发整体风格一致的App
 
 * 如果你是App开发者（插件使用者），
 * 你可以通过修改这些变量来定制自己的插件主题，
 * 实现自定义主题功能
 *
 * 如果你的项目同样使用了scss预处理，
 * 你也可以直接在你的 scss 代码中使用如下变量，
 * 同时无需 import 这个文件
 */

/* 颜色变量 */

/* 行为相关颜色 可以使用 */
$uni-color-primary: #1371F7;
$uni-color-success: #3EBE84;
$uni-color-warning: #F57C40;
$uni-color-error: #FE4766;


/* 文字基本颜色 可以使用 */
$uni-text-color: #17212E; //基本色
$uni-text-color-info:#70767F;
$uni-text-color-inverse: #fff; //反色
$uni-text-color-grey: #C3C3C3; //辅助灰色，如加载更多的提示信息
$uni-text-color-placeholder: #808080;
$uni-text-color-disable: #c0c0c0;

/* 背景颜色 */
$uni-bg-color: #ffffff;
$uni-bg-color-navbar: rgb(27, 54, 94);
$uni-bg-color-page: #2b4d86;
$uni-bg-color-grey: #f8f8f8;
$uni-bg-color-hover: #f1f1f1; //点击状态颜色
$uni-bg-color-mask: rgba(0, 0, 0, 0.4); //遮罩颜色

/* 边框颜色 */
$uni-border-color: #c8c7cc;

/* 尺寸变量 */

/* 文字尺寸 */
$uni-font-size-sm: 24upx;
$uni-font-size-base: 28upx;
$uni-font-size-lg: 32upx;

/* 图片尺寸 */
$uni-img-size-sm: 40upx;
$uni-img-size-base: 52upx;
$uni-img-size-lg: 80upx;

/* Border Radius */
$uni-border-radius-sm: 4upx;
$uni-border-radius-base: 6upx;
$uni-border-radius-lg: 12upx;
$uni-border-radius-circle: 50%;

/* 水平间距 */
$uni-spacing-row-sm: 10px;
$uni-spacing-row-base: 20upx;
$uni-spacing-row-lg: 30upx;

/* 垂直间距 */
$uni-spacing-col-sm: 8upx;
$uni-spacing-col-base: 16upx;
$uni-spacing-col-lg: 24upx;

/* 透明度 */
$uni-opacity-disabled: 0.3; // 组件禁用态的透明度

/* 文章场景相关 */
$uni-color-title: #2c405a; // 文章标题颜色
$uni-font-size-title: 40upx;
$uni-color-subtitle: #555555; // 二级标题颜色
$uni-font-size-subtitle: 36upx;
$uni-color-paragraph: #3f536e; // 文章段落颜色
$uni-font-size-paragraph: 30upx;

/* color */
$uni-m-color-c1:#17212E;
$uni-m-color-c2:#70767F;
$uni-m-color-c3-2:#9EA2A8;
$uni-m-color-c3:#C3C3C3;
$uni-m-color-c4:#E1E1E1;
$uni-m-color-c4-2:#EFEFEF;
$uni-m-color-c5:#F9F9F9;
$uni-m-color-c11:#1371F7;
$uni-m-color-c12:#F57C40;
$uni-m-color-c13:#3EBE84;
$uni-m-color-c14:#FE4766;
$uni-m-color-c15:#2795FA;
$uni-m-color-c15-2:#299AFB;
$uni-m-color-c15-3:#1676F8;
$uni-m-color-c11-pressed:#095ED8;
$uni-m-color-c12-pressed:#E56A04;
$uni-m-color-c13-pressed:#20B270;
$uni-m-color-c14-pressed:#ED3B59;
$uni-m-color-c16:#F1F7FF;
$uni-m-color-c17:#262626;
$uni-m-color-white-pressed:#F5F5F5;
$uni-m-color-cwhite:#FFFFFF;
$uni-m-color-cblack:#000000;


/** 文字尺寸  **/
$uni-m-font-size-f1:36upx;
$uni-m-font-size-f2:34upx;
$uni-m-font-size-f3:30upx;
$uni-m-font-size-f4:26upx;
$uni-m-font-size-f5:24upx;
$uni-m-font-size-f6:22upx;


/* Border Radius */
$uni-m-border-radius-b1: 10upx;
$uni-m-border-radius-b2: 20upx;
$uni-m-border-radius-b3: 30upx;
$uni-m-border-radius-b4: 40upx;
$uni-m-border-radius-b5: 50upx;
$uni-m-border-radius-b6: 60upx;
$uni-m-border-radius-b7: 70upx;
$uni-m-border-radius-b8: 80upx;

/* font weight */
$uni-m-font-weight-w1: 2upx;

/* 透明度 */
$uni-m-opacity-o: 0; 
$uni-m-opacity-o1: 0.1; 
$uni-m-opacity-o3: 0.3; 
